/* 通配符清除默认样式 */
* {
	/* 清除内外边距 */
	margin: 0;
	padding: 0;
	/* 字体不加粗 */
	font-weight: normal;
	/* 去除下划线 */
	text-decoration: none;
	/* 去除无序列表li标签的小圆点 */
	list-style: none;
}

body{
	/* 设置背景 */
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background: url(../img/e.jpg)no-repeat;
	background-size: cover;
}
.box {
	position: absolute;
	/* 让整个盒子居中 */
	left: 100%;
	top: 0%;
	transform: translate(-50%, -50%);
	width: 1000px;
	height: 100vh;
	/* 溢出隐藏 */
	overflow: hidden;
}

.list {
	/* 父绝子绝 */
	position: absolute;
	top: 0;
	left: 0;
	/* 设置ul更大的宽度,让子元素li可以并排浮动 */
	width: 5500px;
	height: 100vh;
}

.list li {
	/* 让每一个li标签并排浮动 */
	float: left;
	width: 1000px;
	height: 100vh;
	/* 使用animation标签，设置动画名称 时间 循环次数（此处为无限循环） 匀速 */
	animation: move 13s infinite linear;
}
/* 定义动画 */
@keyframes move {

	/* 0的时候显示第五张 */
	0% {
		transform: translateX(0px);

	}

	11% {
		transform: translateX(-960px);

	}

	/* 设置同样的值让图片停留一会 */
	22% {
		transform: translateX(-960px);
	}

	44% {
		transform: translateX(-1920px);

	}

	55% {
		transform: translateX(-1920px);
	}

	66% {
		transform: translateX(-2880px);

	}

	77% {
		transform: translateX(-2880px);
	}

	88% {
		transform: translateX(-3870px);

	}

	100% {
		transform: translateX(-3870px);
	}
}
/* 高级选择器选择每一张图片的地址 */
.list li:nth-child(1) {
	background: url("../img/a.jpg") no-repeat center/cover;
}

.list li:nth-child(2) {
	background: url("../img/b.jpg") no-repeat center/cover;
}

.list li:nth-child(3) {
	background: url("../img/c.jpg") no-repeat center/cover;
}

.list li:nth-child(4) {
	background: url("../img/d.jpg") no-repeat center/cover;
}

.list li:nth-child(5) {
	background: url("../img/j.png") no-repeat center/cover;
}